.app-my{
    height: 100%;
    justify-content: space-between;
    

    header{
        flex: 2;
        background-color: white;

        div{
            flex: 3;
            img{
                flex: 2;
                height: 100px;
                border: 3px solid #4294FF; 
                border-radius: 50%;
            }
            p{
                flex: 5;
                line-height: 120px;
            }
            span{
                width: 40px;
                height: 20px;
                background-color:#FF6E1E;
                left: 85px;
                bottom: 0px;
            }
        }
        p{
            flex: 1;
            line-height: 30px;
        }
    }

    main{
        flex: 9;
        background-color: #e8e8e8;

        section:nth-child(1){
            flex: 2;
            background-color: white;

            >p{
                flex: 1;

                span:nth-child(1){
                    color: #4294FF;
                    font-weight: bold;
                    font-size: 22px;
                }
                span:last-child{
                    top: 0px;
                    right: 16px;
                }
            }

            >div{
                flex: 4;
                div{
                    flex: 1;
                }

                div:last-child{
                    border-left: 1px dashed;
                   
                }

            }
        }

        section:nth-child(2){
            flex: 2;
            background-color: white;

            >p{
                flex: 1;

                span:nth-child(1){
                    color: #4294FF;
                    font-weight: bold;
                    font-size: 22px;
                }
                span:last-child{
                    top: 0px;
                    right: 16px;
                }
            }

            >div{
                flex: 4;
                justify-content: space-between;
                
                div{
                    width: 100px;
                    height: 100px;
                    border: 1px solid;
                    border-radius: 50%;
                }
            }

        }

        section:nth-child(3){
            flex: 1;
            background-color: white;
            
            p{
                line-height: 50px;
            }

        }
    }


    background-color: #e8e8e8;


    footer{
        width: 100%;
        flex: 2;
        background-color: white;
        
        text-align: center;
        bottom: 0px;
    }

}